@import '../../styles/scss/main';

.content-card {
    //height: auto;
    width: auto;
    /*max-height: 170px;*/
    /*max-width: 650px;*/
    background: white;
    text-align: start;
    padding: 20px;
    border-radius: 2px;
    margin-top: 10px;

    .card-title {
        color: $default_color_Light_Black;
        font-weight: 600;
        text-decoration: none;
    }
    .card-title:hover {
        color: $default_color_Silver;
    }
    .card-info {
        padding: 5px 0;
        .card-create-time {
            font-size: 12px;
            color: $default_color_Silver;
        }
        .card-author {
            font-size: 14px;
            margin-left: 5px;
            color: $default_color_Light_Blue;
        }
        .card-tag {
            font-size: 13px;
            font-weight: 500;
            border-radius: 8px;
            padding: 3px;
            margin-left: 5px;
            text-decoration: none;
            color: $default_color_Extra_Light_Black;
        }
    }
    .card-detail {
        overflow: hidden;
        .info {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
        }
    }
}

.content-card:first-child {
    margin-top: 0;
}

@media screen and (min-width: 1024px) {

    .card-title {
        font-size: 1.375em;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .card-title {
        font-size: 1.2em;
    }
}

@media only screen and (max-width: 768px){
    .card-title {
        font-size: 1em;
    }
}




